<template>
  <div>

    <button @click="dialogVisible = true">dialog</button>
    <Teleport to="body">
      <XtxDialog title="切换收货地址" v-model:visible="dialogVisible">
        对话框内容
        <template #footer>
          <XtxButton @click="dialogVisible = false" type="gray" style="margin-right:20px">取消</XtxButton>
          <XtxButton @click="dialogVisible = false" type="primary">确认</XtxButton>
        </template>
      </XtxDialog>
    </Teleport>

  </div>
</template>

<script setup lang="ts">
import XtxButton from '@/components/button/index.vue'
import XtxDialog from '@/components/dialog/index.vue'
import { ref } from 'vue';
const dialogVisible = ref(false)

</script>

<style scoped>
</style>